//1.计算单选框总价

// 1.1增加数量
$('.plus').click(function(){

    let num = +$(this).prev().val();
 
   num++;
 
   $(this).prev().val(num);
 
   //获取单价
   let price = $(this).closest('li').siblings('.list_price').find('span').text();
   
   //计算总价
   let sumPrice = price*num
   // console.log(sumPrice)
 
   //赋值给页面
   $(this).closest('li').siblings('.list_sum').find('span').text(sumPrice)
 
 
 })
 
 // 1.2 减少数量
 $('.reduce').click(function(){
 
    let num = +$(this).next().val();
    console.log(num)
 
   num--;
 
   if( num<1 ){
     num=1;
   }
 
   $(this).next().val(num)
 
    //获取单价
    let price = $(this).closest('li').siblings('.list_price').find('span').text();
   
    //计算总价
    let sumPrice = price*num
 //    console.log(sumPrice)
  
    //赋值给页面
    $(this).closest('li').siblings('.list_sum').find('span').text(sumPrice)
  
 
 })
 
 //3.调用商品数量和金额函数
 
 $('.son_check').click(function(){
   
     calcCountPrice()
                 
 })
 
 // 4.商品数量和总价及赋值
 function calcCountPrice(){
 
     // 需求：1.计算选中商品的数量
     //       2.计算选中商品的金额
 
           //遍历选中的目标
           let count = 0;//选中商品的总数量 
           let sum = 0;//选中商品的总金额
 
          $('.son_check:checked').each(function(i,v){
             // console.log(v,i)
              
             //1.计算选中商品的数量
 
             //取出对应的值
            let num = $(v).parent().siblings('.list_amount').find('.sum').val();
 
            count += window.parseInt(num)
           //  console.log(count)
 
            //把商品数量的值付给页面
            // $('.amount').text(count)
             
 
 
           //  2.计算选中商品的金额
         
             //选出对应的金额
             let subTotal = $(this).parent().siblings('.list_sum').find('span').text();
             // console.log(subTotal)
             sum += window.parseFloat(subTotal)
 
             //渲染到网页
            //  $('.totalprice').text(sum)   
      
        })
       
        $('.amount').text(count)
        $('.totalprice').text(sum)
 
 }
    //5.全选框
 $('.all_check').click(function(){
 
   //获取自己的状态
   let bool = $(this).prop('checked');
   // console.log(bool)
 
   // 把自己（全选框）的值赋给自选框（多选框）
   $('.son_check').prop('checked',bool);
 
    //计算总数量和总个数
    calcCountPrice()
   
 
 })
 
 
 //6.选中所有的子复选框，全选框选中
 $('.son_check').click(function(){
 
   //获取选中的个数
   let clecNum = $('.son_check:checked').length;
   // console.log(clecNum)
 
   //获取总个数
   let sunNum = $('.son_check').length;
   // console.log(sunNum)
 
   //判断
   if(clecNum===sunNum){
     $('.all_check').prop('checked',true);
   }else{
     $('.all_check').prop('checked',false);
   }
 
 
 })
 
 // 7.选中删除的内容
 $('.delallsel').click(function(){
 
   //获取选中的内容
   // if(winds,confirm('确定删除选中的商品？')){
     
     $('.son_check:checked').closest('ul').remove();
 
     //计算选中商品的金额和数量z
     calcCountPrice()
     
 
 })
 
 // 8.移出商品
 
 // 1.点击移出按钮（delbtn），移出当前行
 // 2.删除所有商品后，取消全选
 $('.delbtn').click(function(){
 
   //获取选中的内容
     $(this).closest('ul').remove();
 
     // //计算选中商品的数量和金额
     // calcCountPrice()
 
     // //是否全选
 
     // 获取内容区域的子元素
     let len = $('.order_content').children().length 
 
     //判断并去取消
     if( len === 0 ){
       $('.all_check').prop('checked',false)
     }

     //计算选中商品的金额和数量z
     calcCountPrice()
 
 })